<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!--前端展示新闻界面-->
    <!--前端展示新闻界面-->
    <!--前端展示新闻界面-->

    <style>
        a{
            text-decoration:none;
            color:white;
        }
        .a1{color: white;
            background-color: darkcyan;
            height: 50px;
            font-size: 15px;
            padding-top: 13px;
            padding-left: 20px;

        }
        .a2{
            width: 80%;
            margin-left: 150px ;
            margin-top: 40px;
            background-color: #f5f5f5;
            border-radius: 8px;
            height: 120px;
        }

        .a2:hover{ background-color:#1a4e95; color:white; cursor:pointer;}
    </style>

    <div id="app">
        <div class="a1">
            <a href="/ssm/index.html">
                < 返回
            </a>
        </div>
        <img src="https://www.gdghospital.org.cn/uploadfiles/banner/20211202151930991.jpg" style="height: 280px; width: 100%;">

        <template>
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="本院动态" name="first" >
                    <el-number>
                        <a href="newsFirst/one.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2021-11-30</h5>
                                    <h4 >中国数据登上国际舞台 王坤教授团队研究成果被NCCN指南引用</h4>
                                    <h5 style="float: right;">查看详情  ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>

                    <el-number>
                        <a href="newsFirst/two.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >21-11-24</h5>
                                    <h4 >我院召开传达学习贯彻党的十九届六中全会精神干部会议</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>

                    <el-number>
                        <a href="newsFirst/three.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2021-11-12</h5>
                                    <h4 >救援金速度——我院举行航空急救演练</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>

                    <el-number>
                        <a href="newsFirst/four.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2021-11-23</h5>
                                    <h4 >我院抗疫专家圆满完成任务平安返穗</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>

                    <el-number>
                        <a href="newsFirst/five.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2021-11-18</h5>
                                    <h4 >我院双青人才项目Nature子刊出成果</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>
                </el-tab-pane>


                <el-tab-pane label="医技前沿" name="second">
                    <el-number>
                        <a href="newsSecond/one.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2021-10-29</h5>
                                    <h4 >高龄老人摔倒骨折 骨科快速救治助康复</h4>
                                    <h5 style="float: right;">查看详情  ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>

                    <el-number>
                        <a href="newsSecond/two.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2021-10-11</h5>
                                    <h4 >血管外科多项技术治疗下肢深静脉血栓效果满意</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>

                    <el-number>
                        <a href="newsSecond/three.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2021-12-12</h5>
                                    <h4 >起搏无极限——百岁00后老人成功植入起搏器</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>

                    <el-number>
                        <a href="newsSecond/four.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2022-01-23</h5>
                                    <h4 >三例LACbes左心耳封堵术完美封堵 为房颤患者撑起一把保护伞</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>

                    <el-number>
                        <a href="newsSecond/five.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2022-02-18</h5>
                                    <h4 >少年胸壁肿瘤疯长 6科室MDT专家奋战7小时“拆弹”</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>
                </el-tab-pane>


                <el-tab-pane label="综合消息" name="third">
                    <el-number>
                        <a href="newsThird/one.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2022-01-04</h5>
                                    <h4 >血液科成功举办第二届华南精准血液病前沿融合论坛</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>

                    <el-number>
                        <a href="newsThird/two.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2021-12-29</h5>
                                    <h4 >首届“羊城论健”广东省慢病健康管理论坛暨基层多学科健康管理实践学习班在穗举行</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>

                    <el-number>
                        <a href="newsThird/three.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2021-12-24</h5>
                                    <h4 >我院成功举办紧急医学救援相关的生物医学工程技术高级研修班</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>
                </el-tab-pane>
                <el-tab-pane label="媒体聚焦" name="fourth">

                    <el-number>
                        <a href="newsFourth/one.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2022-01-21</h5>
                                    <h4 >送“救命神器”还送救命技术</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>

                    <el-number>
                        <a href="newsFourth/two.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2021-11-03</h5>
                                    <h4 >换双肺获新生！8岁女孩创华南最小龄双肺移植纪录</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>
                </el-tab-pane>
                <el-tab-pane label="通知公告" name="five">

                    <el-number>
                        <a href="newsFive/one.html">
                            <el-col >
                                <el-card shadow="hover" class="a2">
                                    <h5 >2022-02-17</h5>
                                    <h4 >职工餐厅楼标识项目询价公告</h4>
                                    <h5 style="float: right;">查看详情 ></h5>
                                </el-card>
                            </el-col>
                        </a>
                    </el-number>
                </el-tab-pane>
            </el-tabs>
            </el-tab-pane>
        </template>
        <el-input v-model="search.content" placeholder="请输入内容" style="width: 100px; display: none;"></el-input>
    </div>
</head>
<body>
<script>



    var haha = new Vue({
        el:"#app",
        data:{
            search:{},
            activeName: 'first',

        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        },
    });
    function getData( a , b ) {
        haha.search.pageNo = a;
        haha.search.pageCount =b;
        $.post("/ssm/show/queryShowNews",haha.search,function (backData) {
            haha.firstArr = backData.data.currentDataShow;

        })
    }
    getData(1,10)
</script>
</body>
</html>